/* CSS Document */
*{margin: 0;}
html, body {height: 100%;}
/* default classes */

.nob{border:none !important;}
.left{float:left;}
.right{float:right;}



.margin-right-10{margin-right:10px;}
.margin-bottom-20{margin-bottom:20px;}
.border-right-dotted{border-right:1px dotted #AB793A !important};
/* main website */


body{font-family:Helvetica, Arial, sans-serif;background-color: #D1CDC4;
background-image:url(../images/home_bg.jpg);
background-repeat:no-repeat;
background-position:center top;
background-attachment:fixed;
}

.wrapper{width:980px;margin:0px auto;}
.header{height:100px; width:100%;}
.content{background:#fff; width:960px; height:auto; min-height:400px;padding:10px;}
.banner{background:url(../images/logo.png) center no-repeat; width:65%; height:100%; display:inline-block; margin:10px;}
#banner{ width:120px;height:100px;font-size:34px;line-height:100px;color:#009;}

.right-header{display:inline-block;float:right;clear:right;width:30%;height:auto;}
.right-header .exit{float:right;clear:right;width:100%;height:30px;line-height:30px;text-align:right;font-size:16px;font-weight:bold;}
.right-header .exit a{padding:5px 30px 0px 0px;color:#000;text-decoration:none;}
.right-header .exit a:hover{color:#f00;}
.right-header .server-time{float:right;clear:right;width:100%;height:30px;line-height:30px;text-align:right;font-size:14px;font-weight:bold;padding-right:10px;}

#nav-menu ul{width:100%;position:relative;height:50px;background-color:#888;}
#nav-menu ul li{display:inline-block;position:relative;float:left;height:100%;text-align:center;text-transform:uppercase;font-size:16px;font-weight:bold;line-height:50px;width:140px;}
#nav-menu ul li a{text-decoration:none;color:#fff;}
#nav-menu ul li:hover{background-color:#06C;}


.content .main-content{width:760px;float:left;}
.content .right-content{width:178px;float:left;height:auto;background:#0A0A0A;display:inline-block;border:1px solid #333; margin:0px 10px}
.content .right-content .stats-title{height:40px;line-height:40px;width:100%;color:#fff;font-size:18px;font-weight:bold;border-bottom:1px solid #999;}
.content .right-content .stats-title span{color:#fff;}
.content .right-content .stats-title span a{color:#00A6ED;text-decoration:none;}
.content .right-content .stats-title span a:hover{color:#fff;}
.content .right-content span{color:#ddd;padding:5px 10px;display:block;}

.main-content span.content-text{padding:10px; display:block; color:#000; line-height:14px; height:14px; font-size:14px;}
.main-content span.building-title{padding:10px; display:block; color:#00A6ED; line-height:30px; height:30px; font-size:20px; text-align:center;}
.main-content span.building-name{padding:10px; display:block; color:#000; line-height:15px; height:15px; font-size:16px;}


.footer{width:930px;;height:300px;position:relative;display:inline-block;padding:25px 25px 0px;background-color:#0A0A0A;}
.footer .footer-menu{float:left;width:100%;height:200px;}
.footer .footer-copy{float:right;width:100%;height:90px;padding-top:10px;border-top:1px solid #161412;color:#eee;}
.footer-menu-item{float:left;margin: 0 10px 0 0;padding: 0px 0 0 0px;width: 130px;}
.footer-menu-item-race{float:left;margin: 0 10px 0 0;padding: 0px 0 0 0px;width: 160px;}
.footer-menu-item span{color:#eee;font-weight:bold;font-size:14px;padding-left:30px;}
.footer-menu-item-race span{color:#eee;font-weight:bold;font-size:14px;padding-left:30px;}
.footer-menu-item-race ul li span{color:#eee;font-size:15px;font-weight:bold; padding-left:0px;}
.footer-menu-item ul{margin-top:10px;}
.footer-menu-item ul li{padding:5px 0px;}
.footer-menu-item-race ul li.race-title{float:left;width:80px;padding-top:15px;}
.footer-menu-item-race ul li.race-title ul li{padding-top:10px;}
.footer-menu-item ul li a{text-decoration:none;color:#00A6ED;}
.footer-menu-item ul li a:hover{color:#eee;}
.footer-menu-item-race ul li a{text-decoration:none;color:#00A6ED;}
.footer-menu-item-race ul li a:hover{color:#eee;}
.footer-menu-game{background:url(../images/game_thumb.jpg) no-repeat;}
.footer-menu-races{background:url(../images/races_thumb.png) no-repeat;}
.footer-menu-account{background:url(../images/account_thumb.png) no-repeat;}
.footer-menu-community{background:url(../images/community_thumb.png) no-repeat;}
.footer-menu-support{background:url(../images/support_thumb.png) no-repeat;}
 

/* building */
.building-story{width:90%;position:relative;height:auto;line-height:18px;margin:10px 0px;padding:5px 5%;font-size:17px;}
.building-story p{padding:10px}
.question-action{width:100%;height:35px;display:inline-block;margin:15px 0px 0px 0px;text-align:center;font-size:20px;}
.building-action{width:49%;border:1px solid #999;display:inline-block;position:relative;height:135px;}
.building-action a{color:#fff; text-decoration:none;background:#888;position:relative;display:block;line-height:135px;text-align:center;text-transform:uppercase;font-size:20px;font-weight:bold;}
.building-action a:hover{background:#06C;color:#fff;}.building-action a:active{background:#06C;color:#fff;}

.back-action{text-decoration:none;color:#036;display:inline-block;line-height:30px;margin:10px;}
.back-action:hover{color:#F03;}
.kingdom-building{color:#036;text-decoration:none;}
.kingdom-building:hover{color:#ccc;}
.building-requirements{display: inline-block; text-align:center; line-height: 1.3; background-color:#888; width:98%;border:1px solid #555; margin:10px 0px; padding:1%;border-radius:3px; color:#fff;}
.building-requirements span{display:block;}
.buildForm input[type="submit"]{
	font-size:14px;
	font-weight:bold;
	padding: 5px;
	border:solid 1px #ccc;
	width: 80px;
	background: #666;
	border-radius:4px;
	line-height: 30px;
	height: 30px;
	width: 100px;
	color: #fff;
}

.buildForm input[type="submit"]:hover{
	background: #06C;
	border:solid 1px #000;
	color: #000;
}

.buildForm input[type="submit"]:active{
	background: #fff;
	border:solid 1px #000;
	color: #000;
}

.buildForm input{
	font-size:12px;
	padding:5px;
	line-height:20px;
	height:20px;
	border:solid 1px #b7ddf2;
	margin:10px;
	width:100px;
	border-radius:5px;
	color: #CCC;
}

.buildForm input:focus{
	background: #CCC;
	border:solid 1px #000;
	color: #000;
	font-weight: bolder;
}
.main-content hr{
	margin:30px 0px;
	height:5px;
	background: #000;
}

/* attack page */
.attack-page{width:710px;position:relative;height:auto;background:#edce8d;border:1px solid #391b00;padding:10px;}
.attack-page .general-details{width:100%;height:40px;line-height:40px;background:#dcb16c;border:1px solid #ab793a;display:block;margin-bottom:20px;}
.attack-page .general-details span{border-right:1px solid #ab793a;display:inline-block;text-align:center;width:176px;height:100%;color:#000;font-size:14px;font-weight:bold;}
.attack-page .left-side{width:350px;position:relative;display:inline-block;height:auto;}
.attack-page .right-side{margin-left:10px;width:350px;position:relative;display:inline-block;height:auto;}
.attack-page .player-details{width:100%;position:relative;height:40px;line-height:40px;text-align:center;}
.attack-page .player-details p{color:#000;font-size:14px;height:40px;line-height:40px;width:100%;text-align:center;}
.attack-page .player-details p span{font-weight:bold;}
.attack-page .table-head{width:348px;height:40px;line-height:40px;background:#dcb16c;border:1px solid #ab793a;display:inline-block;}
.attack-page .table-head span{border-right:1px solid #ab793a;display:inline-block;text-align:center;width:86px;height:100%;}
.attack-page .table-row{width:348px;height:40px;line-height:40px;background:#dcb16c;border-left:1px solid #ab793a;border-bottom:1px solid #ab793a;border-right:1px solid #ab793a;display:inline-block;}
.attack-page .table-row span{border-right:1px solid #ab793a;display:inline-block;text-align:center;width:86px;height:100%;}
.attack-page .table-row span.info{line-height:20px;}
.attack-page .raids{width:100%;position:relative;height:auto;text-align:center;margin-top:10px;}
.attack-page .raids #question-label{position:relative;width:710px;height:40px;line-height:40px;text-align:center;display:block;}
.attack-page .raids #question-label label{background:#dcb16c;border:1px solid #ab793a;display:inline-block;padding:0px 10px;clear:both;width:250px;height:38px;}
.attack-page .raids input{width:auto;position:relative;height:35px;display:inline-block;}
.attack-page .combat-details{width:100%;display:inline-block;height:auto;margin:5px 0px 20px 0px;}
.attack-page .combat-details .attacker-stats{width:350px;position:relative;display:inline-block;height:auto;}
.attack-page .combat-details .defender-stats{margin-left:10px;width:350px;position:relative;display:inline-block;height:auto;}
.attack-page .table-row span.bonus{display:inline-block;text-align:left;width:258px;height:100%;}
.attack-page .table-row span.bonus img{margin:2px 0px 0px 2px;float:left;}
.attack-page .table-row span.bonus span{line-height:40px;text-align:left;}
.attack-page .table-head-result{width:708px;height:40px;line-height:40px;display:inline-block;border:1px solid #ab793a;background:#DCB16C;}
.attack-page .table-row-result{width:708px;height:50px;line-height:50px;display:inline-block;border-bottom:1px solid #ab793a;border-left:1px solid #ab793a;border-right:1px solid #ab793a;background:#DCB16C;}
.attack-page .table-head-result span, .attack-page .table-row-result span{border-right:1px solid #ab793a;display:inline-block;text-align:center;width:130px;height:100%;}
.attack-page .table-head-result span.info{display:inline-block;text-align:center;width:558px;height:100%;color:#F00;}
.attack-page .table-row-result span.info{display:inline-block;text-align:center;width:50px;height:100%;color:#F00;border-right:2px solid #AB793A;}
.attack-page .table-row-result .units{display:inline-block;width:210px;height:100%;position:relative;}
.attack-page .table-row-result .units .unit{display:inline-block;width:41px;line-height:70px;text-align:center;color:#ff0000;}
.attack-page .table-row-result .units .lvl1{background:url(../images/lvl1.png) no-repeat;}
.attack-page .table-row-result .units .lvl2{background:url(../images/lvl2.png) no-repeat;}
.attack-page .table-row-result .units .lvl3{background:url(../images/lvl3.png) no-repeat;}
.attack-page .table-row-result .units .lvl4{background:url(../images/lvl4.png) no-repeat;}
.attack-page .table-row-result .units .lvl5{background:url(../images/lvl5.png) no-repeat;}


/* the list for attack, ranking and messages pages*/
.table-list{height:auto;width:100%;border:1px solid #555;}
.table-list .table-head{background-color:#aaa;}
.table-list .table-head span{width:142px;text-align:center;line-height:30px;height:30px;display:inline-block;border-right:1px solid #555;}
.table-list .table-head .count-row{width:25px;}
.table-list a .odd{background-color:#ddd;color:#000;}
.table-list .odd span{width:142px;text-align:center;line-height:30px;height:30px;display:inline-block;border-right:1px solid #555;}
.table-list .odd .count-row{width:25px;}
.table-list a .even{background-color:#fff;color:#000;}
.table-list .even span{width:142px;text-align:center;line-height:30px;height:30px;display:inline-block;border-right:1px solid #555;}
.table-list .even .count-row{width:25px;}
.table-list a .odd:hover{background-color:#ABC;}
.table-list a .even:hover{background-color:#ABC;}
.table-list .odd{background-color: #00A6ED}
.table-list .even{background-color: #00A6ED}


.pagination{display:inline-block; background-color:#282A2B; height:30px; line-height:30px; width:98%;border:1px solid #555; margin:10px 0px; padding:1%;border-radius:3px;}
.pagination a{color:#BBBCE6; text-decoration:none}
.pagination a:hover{color:#fff; text-decoration:none}
.pagination form{display:inline-block;width:50%;height:auto;}
.pagination form label{color:#73787C;margin-right:5px;}
.pagination form input#pageNumber{background:#323437;border:1px solid #52565B;border-radius:3px;color:#bbbce6;font-weight:bold;height:27px;line-height:27px;margin:0 5px 0 11px;padding:0 5px;text-align:center;width:45px;}
.pagination form input#Go{height:27px;line-height:27px;background:#111111;cursor:pointer;color:#BBBCE6;font-weight:bold; border: 1px solid #73787C;border-radius:3px}
.pagination form input#Go:hover{background:#73787C}
.pagination .page-list{float:right;margin-right:10px;}
.pagination .page-list span{color:#73787C;}



.message-list{height:auto;width:743px;border:1px solid #555;}
.message-list .table-head{background-color:#aaa; height:30px;}
.message-list .table-head span{width:239px;text-align:center;line-height:30px;height:30px;display:inline-block;border-right:1px solid #555;}
.message-list .table-head .count-row{width:23px;}
.message-list a .odd{background-color:#ddd;color:#000; height:30px}
.message-list .odd span{width:239px;text-align:center;line-height:30px;height:30px;display:inline-block;border-right:1px solid #555;}
.message-list .odd .count-row{width:23px;}
.message-list a .even{background-color:#fff;color:#000; height:30px}
.message-list .even span{width:239px;text-align:center;line-height:30px;height:30px;display:inline-block;border-right:1px solid #555;}
.message-list .even .count-row{width:23px;}
.message-list a .odd:hover{background-color:#ABC;}
.message-list a .even:hover{background-color:#ABC;}
.message-list .odd{background-color: #00A6ED;}
.message-list .even{background-color: #00A6ED;}



.read-message  { background:#C93; color:#fff}
.read-message span{width:400px;text-align:left;display:inline-block; padding:5px 10px; margin:5px; word-break:break-all;}
.lable {width: 100px;  padding:5px 10px; margin:5px; color:#333}


.message-menu{display:inline-block; background-color:#282A2B; height:30px; line-height:30px; width:98%;border:1px solid #555; margin:10px 0px; padding:1%;border-radius:3px;}
.message-menu a{color:#BBBCE6; text-decoration:none}
.message-menu a:hover{color:#fff; text-decoration:none}





.first-page {display:inline-block; min-height:400px; width:980px;}
.first-page .register span{font-family:Verdana, Geneva, sans-serif; font-size: 26px; color:#09F; width:980px; display:block; margin:10px;}
.first-page .register a{width:170px; background:#ccc; margin:10px; display:block; text-decoration:none; color:#006; font-size:20px; line-height:50px; height:50px; border-radius:3px; border:1px solid #555;text-align:center;
}
.first-page .register a:hover{background:#aaa;}
.first-page .register a:active{background:#bbb;}
.first-page .statistics{display:inline-block; margin:10px 0px; background:#666;	border:1px solid #ccc; min-height: 150px; border-radius:3px; width:100%;}
.first-page .statistics .top-clans, .top-players, .races-stats{margin:10px; float:left; width:306px; background:#999; border:1px thin #aaa; min-height:130px;}

